<template>
    <div class="title">
        <span>首页导航</span>
    </div>
</template>
<style scoped>
    .title {
        position: relative;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .title span {
        position: absolute;
        left: 30px;
        display: block;
        height: 22px;
        background: #333;
        padding: 0 20px;
        color: #fff;
        font-size: 14px;
        line-height: 22px;
    }
    .title::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 11px;
        width: 100%;
        height: 1px;
        background: #333;
    }
</style>